<template>
  <div v-html="htmlContent" class="markdown-container"></div>
</template>

<script lang="ts" setup>
import { computed } from "vue";
import MarkdownIt from "markdown-it";

interface Props {
  param: any;
}
const props = defineProps<Props>();

const md = new MarkdownIt();
const htmlContent = computed(() => md.render(props.param));
</script>

<style scoped>
.markdown-container {
  display: flex;
  justify-content: flex-end;
}
</style>
